<template>
	<view class="mainCss">
		<view class="titleBox">
			<view class="titleLeft">
				<img src="../../static/title/back.png" class="titleBack" @click="goBack">
			</view>
			<view class="titleText">
				<text>二维码分享</text>
			</view>
			<view class="titleRight">

			</view>
		</view>
		<view class="bodyBox">
			<img src="../../static/my/erweima.png" class="qrImg">
			<view class="tipsBox">
				<view class="type" :class="[type == 0?'type1':'type']" @click="type = 0">
					<text>分享记录</text>
				</view>
				<view class="type" :class="[type == 1?'type2':'type']" @click="type = 1">
					<text>收入记录</text>
				</view>
			</view>
			<view class="infoList" v-show="type == 0">
				<view class="infoBox" v-for="(item, index) in 3" :key="index">
					<view style="display: flex; align-items: center;">
						<img src="../../static/home/touxiang.png" class="userHead">
						<text style="margin-left: 20upx;">我是一个人</text>
					</view>
					<text style="color: #A8A8A8;">2022.9.1</text>
				</view>
			</view>
			<view class="infoList" v-show="type == 1">
				<view class="infoBox">
					<view class="infoLeft">
						<text style="width: 100%;">我是一个人</text>
						<text style="font-size: 12px; color: #A8A8A8;">2022.3.20 19:10</text>
					</view>
					<view class="infoRight">
						<text style="font-size: 16px; color: #FF5F17;">+ ¥49.00</text>
						<text style="font-size: 12px; color: #A8A8A8;">余额 ¥98.00</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				type: 0,
			}
		},
		onLoad() {

		},
		methods: {
			// 返回
			goBack() {
				uni.navigateBack(0)
			},
		}
	}
</script>

<style>
	@import '../../css/qr.css';
</style>
